@media (min-width: 1230px){

.container {width: 1080px; }

}




@media (min-width: 1200px){

.container {width: 1080px; }

}







@media (min-width: 992px){

.modal-lg {width: 1080px; }

.container {width: 1080px; }


}




@media (max-width: 992px){


.container {width: 1080px; }

}






@media (max-width: 767px){



.container {width: 100% !important; padding: 0 30px; }

.navbar>.container {padding-left: 18px; padding-right: 5px;}

.navbar-default .navbar-brand {padding: 12px 12px;}

.navbar-brand img {width: 40px; height: auto; }

.header2 .navbar-nav>li>a {padding: 9px 5px; font-size: 1.0em;}

.left_padding {margin-left:  0px; margin-bottom: 5px;} 

.collection_index .feature1_title { padding-top: 0px; }

.header2 .navbar-nav {margin-left: -3px;}


.navbar-default {min-height: 50px; }


.header_padding {height: 0px;}

/*.main-section-2 .title_right_btn { position: relative; text-align: right; right: 0; top:0;}*/

#footer {padding: 20px 0 50px 0;}
#footer .info {height: 50px;} 
#footer .btn_question {margin-top: 8px;} 
#footer .logo {padding-bottom: 10px;} 

.header3 {height: 32px; width: 100%; margin: 0; padding-top: 3px; overflow: hidden;}
.header3 .container { padding-right: 0; padding-left: 5px;}
.header3 .sub_collection {   padding-left: 10px; padding-top: 0px; width: 100%; }
.header3 .sub_collection a { }

  

.main_menu1 {padding-top: 0px;}

.main_menu1 .user_img {display: block;}

.main_menu1 .dropdown-menu.pull-right { float: none !important; }


.navbar-inverse .navbar-nav .open .dropdown-menu>li>a {color: #ccc;}

  



.sub_visual {min-height: 0px; }

.site_sub {padding: 0 10px;}

.sub_board_type1 h1 {font-size: 30px; margin-bottom: 0px;}

.area_breadcrumb {height: 35px; line-height: 35px;}

.sub_board_type1_content {margin-top: 5px;}

.board_language {position: absolute; top: 48px; right: 0px; } 

.board_language a {display: inline-block; width: 25px; height: 25px; overflow: hidden;  background-color: #f3e59a; color: #c8a063; line-height: 25px; padding: 0 4px; text-align: center; font-size: 12px;} 
.board_language a.active {background-color: #c8a063; color: #fff; } 

.sub_board_type1_content .area_btn_prev_next {top: 45px; right: initial; left: 0px; text-align: left;}

.sub_board_type1_content .board_content .board_title {padding-top: 48px;}


.area_board_comment .create_board_comment .board_comment_content {width: 100%; height: 90px; border:1px solid #b3b3b3; padding-right: 102px;}
.area_board_comment .create_board_comment .btn_create_board_comment {width: 100px; height: 90px; line-height: 75px; border-radius: 0px; position: absolute; top: 0px; right: 0px; }

.sub_board_type1_content .board_content .board_info1 .row {margin: 0px -10px;}

.sub_board_type1_content .board_content .board_info1 .info2 {font-size: 11px !important;}
.sub_board_type1_content .board_content .board_info3 {margin-top: 0px;}

.sub_board_type1_content .board_content .board_info3 .inner1 {padding: 5px 10px;}

.board_content .board_comments h4 {font-size: 16px;}

.board_list_type1 {margin-top: 40px;}

.board_list_type1 li.head { display: none;}


.board_list_type1 li {padding: 10px 0;}
.board_list_type1 li .col {height: initial;}
.board_list_type1 li .col_no {display: none;}
.board_list_type1 li .col_title {width: 100%; padding: 0 5px; line-height: 19px; font-size: 15px; }
.board_list_type1 li .col_name {display: none;}
.board_list_type1 li .col_date {display: none;}
.board_list_type1 li .col_access {display: none;}

.board_list_type1 li .title_mobile {font-size: 12px; color: #888; margin-top: 5px;}
.board_list_type1 li .title_mobile span {margin-right: 10px;}

.board_bottom_search {width: 290px;}



.pagination_area .pagination a {border-radius: 0px; min-width: 20px; margin-top: 10px;}


.pagination > li > a, .pagination > li > span {background-color: transparent; padding: 2px 5px; color: #c8a063;  border: 1px solid #c8a063;font-size: 14px; border-radius: 3px; } 

.pagination > li > a {margin-right: 5px; } 


.pagination .previous a, .pagination .next a {background-color: #fff; border: 1px solid #c8a063; color: #c8a063; padding: 2px 4px;} 
.pagination .previous a:hover, .pagination .next a:hover {background-color: #f5f0e7;  border: 1px solid #c8a063; color: #c8a063;} 




.nav_tabs_default {margin: 0; padding: 0; border: 1px solid #c8a063; height: 41px; }
.nav_tabs_default li {margin: 0; padding: 0; width: 20%; float: left; border-left: 1px solid #c8a063; height: 40px;   }
.nav_tabs_default li:first-child {border-left: 0px; }

.nav_tabs_default li a {display: block; padding: 0px; height: 39px; line-height: 38px; text-align: center; color: #c8a063; font-size: 12px; font-weight: 300;}
.nav_tabs_default li a:hover {background-color: transparent;}
.nav_tabs_default li.active a {background-color: #c8a063; color: #fff; }




.sub_content_filmo {}
.sub_content_filmo h1 {font-weight: 100;  font-size: 30px; border-bottom: 0px solid #333; text-align: center;}


.area_filmo_list {margin-top: 40px;}
 
.filmo_list {padding: 30px 0 0 0; margin: 0 0px;}

.filmorow {width: 100%; height: 565px; border: #ccc 0px solid; margin:0px; overflow: hidden; float: left;}




.area_filmo_view {padding-top: 30px;}



.sub_content h1 {font-weight: 100;  font-size: 30px; border-bottom: 0px solid #333; text-align: center;}

 

.area_profile {padding-top: 40px;}
.area_profile .area_info {padding-left: 0px;}
.area_profile .area_info h4 {font-size: 22px; font-weight: 400; border-bottom: 0px; padding-bottom: 20px; color: #777;}
.area_profile .area_info h2 {font-size: 40px; font-weight: 400; border-bottom: 0px;}
.area_profile .area_info .info1 {margin-top: 20px; border-top: 1px solid #ccc; padding-top: 20px;}
.area_profile .area_info .info1 .list{font-size: 15px; font-weight: 300; margin-bottom: 10px; padding-left: 80px;} 
.area_profile .area_info .info1 .title { font-weight: 400; display: inline; margin-right: 20px; }


.box_type1 {width: 100%; padding: 20px 15px;}
.box_type2 {width: 100%; padding: 20px 15px;}



.profile_edit {width: 100%;}

.fc-scroller {height: initial !important; overflow: visible !important;}

.label_address_zipcode {text-align: left !important;}


.main_top_banner {display: none;}


.forcefullwidth_wrapper_tp_banner {height: 150px !important; background-color: #efefef;}


 

.right_side_banner {display: none;}


   

.owl_box_outside .btn_owl { right: 5px; display: none; }
.owl_box_outside .btn_prev { right: none; left: 5px;  }




.area_service .box_image2 {padding: 10px 15px;}
.area_service .box_image2 .owl-height {min-height: 100px;}

.owl-dot {width: 8px; height: 8px; }





.page_esti {padding-top: 60px;}

.section_esti {padding: 5px; padding-bottom: 100px;}
.section_esti h1 {font-size: 22px; font-weight: 400; text-align: center; color: #484035; margin-bottom: 15px;}

.box_esti {width: 100%; min-height: 550px; margin: 0 auto; background-color: #fff; box-shadow: 2px 2px 2px rgba(0,0,0,0.2); }
.box_esti .head {text-align: center; line-height: 24px; font-size: 15px; background-color: #605953; color: #fff; padding: 10px 10px; }
.box_esti .head .count { color: #ff7f21; }
.box_esti .head .icon {width: 20px;}
.box_esti .content {padding: 15px;}
.box_esti .content .question {padding: 0px; padding-bottom: 0px;}
.box_esti .content .question h2 {text-align: center; font-size: 21px; font-weight: 400; margin-bottom: 10px; margin-top: 20px;}
.box_esti .content .question .area_submit {text-align: center; padding: 40px 0 0 0;}
.box_esti .content .question .area_submit .btn {width: 130px; font-size: 18px;}


.box_esti .content2 {padding: 15px;}
.box_esti .content2 .question .area_submit { padding: 0px 0 0 0;}

.box_esti .content3 {padding: 0px;}
.box_esti .content3 .question .state_title { font-size: 34px; color: #903715; text-align: center; padding: 70px 0; }
.box_esti .content3 .question .area_submit { padding: 30px 0 0 0;}


.box_esti .content4 {padding: 15px;}
.box_esti .content4 .question .area_submit { padding: 0px 0 40px 0;}

.box_esti .partner_title {font-size: 18px; text-align: center;}


.area_step { text-align: center; }
.area_step .step_box {display: inline-block; width: 60px; height: 60px; border: 0px solid #ccc; text-align: center; padding: 15px 0; margin: 0 5px; }
.area_step .step_box .number {display: inline-block; width: 40px; height: 40px; background-color: #bbbbbb; border-radius: 50%; text-align: center; line-height: 40px; font-size: 20px; color: #fff; font-weight: bold; }
.area_step .step_box .title { font-size: 12px; color: #aaa; font-weight: 600; margin-top: 5px; }

.area_step .step_box.on  {border-color: #903715; }
.area_step .step_box.on .number {background-color: #903715; }
.area_step .step_box.on .title {color: #903715; }

.area_select_list { text-align: center; }
.area_select_list .select_list {display: inline-block; height: 30px; width: 90px; border-radius: 15px; background-color: #fff; border:1px solid #ccc; text-align: center; font-size: 14px; line-height: 28px; margin: 5px 5px; }
.area_select_list .select_list.on { background-color: #903715; border:1px solid #903715; color: #fff;}

.area_select_list2 .select_list { width: 130px; }

.area_form {margin: 0 auto; width: 100%; padding: 10px 0;}
.area_form input {font-size: 15px; padding: 0 5px; }
.area_form .col {float: none;}
.area_form .col1 {width: 150px;}
.area_form .col1 input {width: 150px; }
.area_form .col2 {padding-left:  0px; padding-top: 15px;}
.area_form .col2 input {width: 50px; text-align: center;}
.area_form  textarea {width: 100%; height: 200px; padding: 10px;}




.gototop{position:fixed;bottom:10px;right:10px;display:block; z-index:99999; opacity: 0.5;}

 

.right_side_banner_mobile { display: block; background-color: #483f36; width: 100%; height: 60px; border: 0px solid #000;  overflow: hidden; position: fixed; bottom: 0px; left: 0px; z-index: 9999;}

.right_side_banner_mobile .area1 {float: left;}
.right_side_banner_mobile .area1 img {height: 60px; width: auto;}
.right_side_banner_mobile .area2 img {height: 60px; width: auto;}
.right_side_banner_mobile .area2 {float: left;}
.right_side_banner_mobile .area3 {float: left; text-align: left; padding-left: 10px; padding-top: 10px;  line-height: 20px; }
.right_side_banner_mobile .area3 .tel { color: #fff;  }
.right_side_banner_mobile .area3 .tel .title {font-size: 14px; color: #fff; }
.right_side_banner_mobile .area3 .tel .number {font-size: 20px; line-height: 18px; color: #fff; }

.right_side_banner_mobile .area4 {border-top: 1px solid #000;}



.main_section1 {padding: 40px 0;}

.area_main_section {padding: 0 0px;}
.area_main_section .small_bar {width: 33px; height: 3px; background-color: #ee4444;}
.area_main_section h2 {color: #3d3d3f; font-size: 18px;}
.area_main_section .content {color: #3d3d3f; font-size: 15px; line-height: 24px; padding-top:  5px;}

.main_section3 {padding: 30px 0px;}
.main_section3 .area_more {text-align: center;  font-size: 13px; font-weight: bold; padding: 6px 0 0; }


.main_list {  margin: 0;}
.main_list li {width: 100%;   display: block; margin: 0; margin-bottom: 20px; background-color: #FFF; position: relative;   float: left; }
.main_list li .box1 {width: 100%; height: 100%; display: block; background-size: cover; }

.main_list li .box1 .back {width: 100%; height: 100%; background-color: rgba(0,0,0,0.3); position: absolute; top: 0px; left:0px; opacity: 1;  -moz-transition: all 200ms ease-in; -o-transition: all 200ms ease-in; -webkit-transition: all 200ms ease-in; transition: all 200ms ease-in;  }
.main_list li .box1 .back .title {width: 100%; position: absolute; top: 50%; left:0px;  transform: translateY(-50%); color: #fff; font-size: 24px; font-weight: bold; padding: 0 0px; text-align: center; }
.main_list li .box1:hover .back {opacity: 1; -moz-transition: all 200ms ease-in; -o-transition: all 200ms ease-in; -webkit-transition: all 200ms ease-in; transition: all 200ms ease-in;   }



.footer .area_info1 {height: 220px; background-image: url('../img/bg_footer.jpg'); background-size: cover; background-position: right; padding: 30px 30px;}
.footer .area_info1 .small_bar {width: 33px; height: 3px; background-color: #fff; margin-bottom: 15px;}
.footer .area_info1 h4 {color: #fff; font-size: 20px;}
.footer .area_info1 .content {color: #fff; font-size: 15px; line-height: 24px; padding-top: 15px;}
.footer .area_info1 .content a {color: #fff;  }



.footer .area_info2 {  padding: 20px 0; } 
.footer .area_info2 .info { color: #3d3d3f; font-size: 13px; font-weight: 200; text-align: center; } 



.post_view_content {margin-top: 20px; padding: 0 0px;}
.post_view_content .area_info {margin-top: 20px;}
.post_view_content h1 {font-size: 20px;}
.post_view_content .area_info .title {font-size:17px; font-weight: bold; color: #3d3d3f;}
.post_view_content .area_info .content {font-size:15px; line-height: 24px;  color: #4d4d4d;}
.post_view_content .area_info .divide {height: 25px; clear: both;}

.post_view_content .area_content {padding: 50px 0;}
.post_view_content .area_content img {max-width: 100%; display: block;}

.post_view_content .area_more {text-align: center;  font-size: 18px; font-weight: bold; padding: 34px 10px 35px;}


.main_mv { padding: 0 30px; }
.main_mv .inner {width: 100%; margin: 0 auto;}
.main_mv .inner img {width: 100%; height: auto;}



}




@media (max-width: 321px){

	.study_view_online .study_info3 .user .name a { display: inline-block; width: 40px;  text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }

}